<template>
  <div class="about">
    <h1>关于</h1>
    <p>这是一个使用 Vue 3 + Vite 创建的项目模板，包含了以下特性：</p>
    <ul>
      <li>Vue 3 组合式 API</li>
      <li>Vite 构建工具</li>
      <li>Vue Router 路由管理</li>
      <li>Pinia 状态管理</li>
      <li>SCSS 样式支持</li>
      <li>ESLint + Prettier 代码规范</li>
    </ul>
  </div>
</template>

<script setup>
// 组件逻辑
</script>

<style lang="scss" scoped>
.about {
  padding: 20px;
  
  h1 {
    color: #42b983;
    margin-bottom: 20px;
  }
  
  p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  
  ul {
    list-style: none;
    padding: 0;
    
    li {
      color: #666;
      line-height: 1.6;
      margin-bottom: 10px;
      padding-left: 20px;
      position: relative;
      
      &:before {
        content: '•';
        color: #42b983;
        position: absolute;
        left: 0;
      }
    }
  }
}
</style> 